<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" href="css/fontastic.css">
    <!-- Google fonts - Poppins -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="img/favicon.ico">
  </head>
  <body>
    <div class="page">
      <!-- Main Navbar-->
      <header class="header">
        <nav class="navbar">
          <!-- Search Box-->
          <div class="search-box">
            <button class="dismiss"><i class="icon-close"></i></button>
            <form id="searchForm" action="#" role="search">
              <input type="search" placeholder="搜索关键词" class="form-control">
            </form>
          </div>
          <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
              <!-- Navbar Header-->
              <div class="navbar-header">
                <!-- Navbar Brand --><a href="index.html" class="navbar-brand d-none d-sm-inline-block">
                  <div class="brand-text d-none d-lg-inline-block"><strong>电商用户分析可视化展示</strong></div>
                  <div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>BD</strong></div></a>
                <!-- Toggle Button--><a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
              </div>
              <!-- Navbar Menu -->
              <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                <!-- Search-->
                <li class="nav-item d-flex align-items-center"><a id="search" href="#"><i class="icon-search"></i></a></li>

                <li class="nav-item"><a href="login.html" class="nav-link logout"> <span class="d-none d-sm-inline">Logout</span><i class="fa fa-sign-out"></i></a></li>
              </ul>
            </div>
          </div>
        </nav>
      </header>
      <div class="page-content d-flex align-items-stretch"> 
        <!-- Side Navbar -->
        <nav class="side-navbar">
          <!-- Sidebar Header-->
          <div class="sidebar-header d-flex align-items-center">
            <div class="avatar"><img src="img/static/头像.jpg" alt="..." class="img-fluid rounded-circle"></div>
            <div class="title">
                <h1 class="h4">李悦恒</h1>
                <p>联系方式：625338393@qq.com</p>
            </div>
          </div>
          <!-- Sidebar Navidation Menus--><span class="heading">功能区</span>
                    <ul class="list-unstyled">
                              <li class="active"><a href="index.html"> <i class="icon-home"></i>主页 </a></li>
          					<li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>用户行为分析</a>
          					  <ul id="exampledropdownDropdown" class="collapse list-unstyled ">
                                  <li><a href="month4.html"> 每日用户行为分析</a></li>
                                  <li><a href="month5.html"> 每时段用户行为分析</a></li>
          						<li><a href="month2.html"> 用户消费排行榜</a></li>
          					  </ul>
          					</li>
                              <li><a href="tables.html"> <i class="icon-grid"></i>用户价值分析</a></li>
          					<li><a href="#exampledropdownDropdown1" aria-expanded="false" data-toggle="collapse"> <i class="icon-picture"></i>用户画像分析</a>
          					  <ul id="exampledropdownDropdown1" class="collapse list-unstyled ">
          					    <li><a href="charts.html"> </i>地区分布</a></li>
          					    <li><a href="month1.html"> </i>性别比例</a></li>
          					    <li><a href="month3.html"> </i>年龄分布 </a></li>
          						<li><a href="forms.html"> </i>月活跃用户量分布</a></li>
          					  </ul>
          </ul>
        </nav>
        <div class="content-inner">
          <!-- Page Header-->
          <header class="page-header">
            <div class="container-fluid">
              <h2 class="no-margin-bottom">展示区</h2>
            </div>
          </header>
          <!-- Breadcrumb-->
          <div class="breadcrumb-holder container-fluid">
            <ul class="breadcrumb">
              <li class="breadcrumb-item"><a href="index.html">主页</a></li>
			  <li class="breadcrumb-item active">用户画像分析           </li>
              <li class="breadcrumb-item active">月活跃用户量分布            </li>
            </ul>
          </div>
		  <section class="dashboard-counts no-padding-bottom">
		    <div class="container-fluid">
		  		<div class="row bg-white has-shadow">
		  			<div class="chart col-lg-12">
		  				<div class="item d-flex align-items-center">
		  					<div class="embed-responsive embed-responsive-16by9">
		  						<iframe class="embed-responsive-item" 
		  							src="./dataInterface/月活跃用户量统计.html"></iframe>
		  					</div>
		  				</div>
		  			</div>
		  		</div>
		  	</div>
		    </section>
          <!--<div>
          		<link type="text/css" href="../h1.css" rel="stylesheet"/>
          		<a><iframe src="../bdfvr23rferfwe/dataInterface/月活跃用户量统计.html" height="600" width="1200" title="月活跃用户量统计" style="border: none;"></iframe></strong></h1></a>
          </div>->
          <!-- Page Footer-->
          <footer class="main-footer">
            <div class="container-fluid">
              <div class="row">
                <div class="col-sm-6">
                  <p>@ 李悦恒 版权所有</p>
                </div>
                <div class="col-sm-6 text-right">
                  <p></p>
                </div>
              </div>
            </div>
          </footer>
        </div>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/popper.js/umd/popper.min.js"> </script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="vendor/chart.js/Chart.min.js"></script>
    <script src="vendor/jquery-validation/jquery.validate.min.js"></script>
    <!-- Main File-->
    <script src="js/front.js"></script>
<script>
      // 动态高亮导航栏并展开二级菜单
      $(function(){
        var path = location.pathname.split('/').pop();
        $('.side-navbar ul.list-unstyled li').removeClass('active');
        $('.side-navbar ul.list-unstyled li a').each(function(){
          var href = $(this).attr('href');
          if(href && path && href.indexOf(path) !== -1){
            $(this).parent().addClass('active');
            // 展开父级菜单
            var parentUl = $(this).closest('ul.collapse');
            if(parentUl.length){
              parentUl.addClass('show').addClass('in');
              parentUl.prev('a[data-toggle="collapse"]').attr('aria-expanded', 'true');
            }
          }
        });
        // 阻止二级菜单点击后自动收起
        $('.side-navbar ul.collapse a').on('click', function(e){
          var parentUl = $(this).closest('ul.collapse');
          if(parentUl.length){
            setTimeout(function(){
              parentUl.addClass('show').addClass('in');
              parentUl.prev('a[data-toggle="collapse"]').attr('aria-expanded', 'true');
            }, 10);
          }
        });
      });
    </script>
  </body>
</html>